import style from './style.css';
import React from 'react';
export const Button = (props)=>{
    if(!props.model){
        props.style.background = 'url(/imgs/ButtonBg.png)';
        props.style.backgroundSize = '100% 100%';
    }else if(props.model === 'workmodel'){
        props.style.backgroundColor = '#0E3664';
    }else if(props.model === 'leftbt'){
       props.style.background = 'url(/imgs/ButtonBgLeft.png)';
        props.style.backgroundSize = '100% 100%';
    }else if(props.model === 'leftbtend'){
       props.style.background = 'url(/imgs/ButtonBgLeft2.png)';
        props.style.backgroundSize = '100% 100%';
    }else if(props.model === 'rightbt'){
       props.style.background = 'url(/imgs/ButtonBgRight.png)';
        props.style.backgroundSize = '100% 100%';
    }else if(props.model === 'rightbtend'){
       props.style.background = 'url(/imgs/ButtonBgRight2.png)';
        props.style.backgroundSize = '100% 100%';
    }
    return(
        <div   {...props} className = {style.button}>
            {props.children}
        </div>
    )
}